{% extends 'master.html' %}

{% block title %}Federation{% endblock %}

{% block header_menu %}
    <li class="nav-item ml-3">
        <a class="nav-link font-weight-bold" href="{{ url_for('forgefed_ns.federation') }}">
            Federation
        </a>
    </li>
    
    {{ super() }}
{% endblock %}

{% block content %}

    <div class="bodycontent">
        <div class="bg-light border border-top-0 pt-2">
            <div class="container">
                <div class="py-4">
                    <h1>Federation</h1>
                    Connect and collaborate with projects in the federation.
                </div>
                
                <ul class="nav nav-tabs nav-small border-bottom-0">
                    <li class="nav-item">
                        <a href="{{ url_for('forgefed_ns.federation') }}"
                        class="nav-link {{ 'active' if current_page=='feed' }}">
                        Feed
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="{{ url_for('forgefed_ns.federation_following') }}"
                        class="nav-link {{ 'active' if current_page=='following' }}">
                        Following
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="{{ url_for('forgefed_ns.federation_followers') }}"
                        class="nav-link {{ 'active' if current_page=='followers' }}">
                        Followers
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="{{ url_for('forgefed_ns.federation_search') }}"
                        class="nav-link {{ 'active' if current_page=='search' }}">
                        Search
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        
        <div class="container mt-5">
            {% block page_content %}{% endblock %}
        </div>
    </div>

{% endblock %}
